<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <script>
        //定时器
        //setTimeout----一次性定时器
        //会强行将执行内容变为异步内容
        //js执行机制，执行栈
        //异步任务，同步任务

        var timer2=null

        //setTimeout(函数---执行体，延迟时间----毫秒)
        var timer2=setTimeout(function(){
            console.log(123)
            console.log(123)
            console.log(123)
            console.log(123)
            console.log(123)

        },3000)

        //清除一次性定时器 
        setTimeout(() => {
            clearTimeout(timer2)

            //行业规范
            timer2=null

        }, 1000);

        // setTimeout(()=>
        // {
        //     console.log(456)
        // },0);

        // console.log(123)

        // setTimeout(function()
        // {
        //     console.log('一次性定时器执行了')
        // })




        //setInterval---永久定时器
        //会强行将执行内容变为异步内容
        //setInterval(函数---执行体，间隔时间)
        var timer=setInterval(function(){
            console.log('永久定时器被执行了')
        }, 1000);

        setTimeout(function(){
           clearInterval(timer)
        }, 10000);

    </script>
</body>
</html>